<template>
    <div class="wrapper-show-money">
      <div class="money-div">
        <li-icon :class="[menberInfo.icon, 'member-icon']"></li-icon>
        <span class="show-text">{{ menberInfo.text }}</span>
      </div>
    </div>
</template>

<script>
import { parseMemberLevel } from '@/utils/liliGirl.js'
export default {
  mixins: [],
  components: {},
  props: {},
  data() {
    return {
      userInfo: {},
      menberInfo: {}
    }
  },
  methods: {},
  mounted() {
    this.userInfo = this.$options.filters.isLogin() || {}
    this.menberInfo = parseMemberLevel(this.userInfo.gradeId)
  },
  created() {}
}
</script>

<style lang="scss" scoped>
.wrapper-show-money {
  height: 200rpx;
  .money-div {
    height: 100%;
    padding: 0 32rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-image: linear-gradient(25deg, $main-color, $light-color, $aider-light-color);

    h3 {
      margin: 0;
    }
  }
}
.member-icon {
  font-size: 80rpx;
}
</style>
